<template>
  <ul>
    <li v-for="item in list" :key="item.id">
      <!-- {{ item.v }} -->
      <!-- <slot :q="item"></slot> -->
      <header>头部</header>
      <main>
        <slot :q="item">{{ item.v }}</slot>
      </main>
      <footer>
        <slot name="myfooter"></slot>
      </footer>
    </li>
    <li><input type="text" v-model="qqq"></li>
  </ul>
</template>
<script>
// @ is an alias to /src
export default {
  name: 'XXX',
  props: ['list'],
  data() {
    return {
      qqq: 666
    }
  },

  components: {

  }
}
</script>
<style lang="less">
</style>